
#poll-fill { border-bottom-left-radius:0; border-bottom-right-radius:0; }

/**** Heading Info ****/
#poll-title { margin-bottom: 0.1em;}

#vote-type {
	display: block;
	width: 4em;
	padding: 0.2em 0.4em;
	text-align: center;
	margin:  0.1em auto 0.4em auto;
	background: #FBA288;
	border: 1px solid #EB6942;
	color: #FFFFFF;
	font-size: 0.8em;
	border-radius: 4px;
}


.using-guide-bar {
	width:100%;
	box-sizing:border-box;
	line-height: 2em;
	font-size:0.8em;
	background:#FDF8C1;
	color: #986233;
	padding: 5px 1em;
	margin-top: 1em;
	border-radius: 5px;
}
.using-guide-card {
	width:100%;
	box-sizing:border-box;
	font-size:0.8em;
	padding: 5px 1em;
	margin-bottom: 1em;
	background:#FBF7F1;
	color: #EB6841;
	border-radius: 5px;
	box-shadow: 0 -8px 0 0 #FDF8C1;
}
	.using-guide-card.hidden {
		display:none;
	}
	.using-guide-card .close-btn {
		display: block;
		float: right;
		color: green;
		padding: 3px;
		background:rgba(255,255,255,0.5);
	}


.opvalue { display:none;}
.opslider{ display:block; height:2em; margin:0 auto; text-align:center;}
.opname  { display:block; color:#EB6942; line-height:2em; padding-left: 0.4em;}

.form-area { padding-top: 1em;}

.scale-tip { max-width:255px; margin:0 auto; line-height:1.2em;}
	.scale-tip .left-tip { float:left; font-size:1em; color:#E5D4BB;}
	.scale-tip .right-tip { float:right; font-size:1em; color:#FAD49E;}
	.scale-tip .middle-tip { display:block; margin:0 auto; text-align:center; font-size:0.8em; color:#F9CC8A;}

#poll-list {max-width:270px; margin:0 auto;}

#poll-list li{
	list-style:none;
	padding:5px 0;
	margin-bottom:1em;
}


.poll-type-zero .switcher {border-radius:50em;}
	.poll-type-zero .switcher.checked:before {
		content:' ';
		display:block;
		position:absolute;
		top:25%; left:25%;
		width:50%; height:50%;
		border-radius:50em;
		background-color: white;
	}
	.poll-type-zero .using-guide-bar {
		display: none;
	}

.poll-type-one {}
	.poll-type-one .using-guide-bar {
		display: none;
	}
	.poll-type-one .opslider, .poll-type-zero .opslider { display:none; }
	.poll-type-one .scale-tip, .poll-type-zero .scale-tip { display:none; }
	.poll-type-one .switcher{
		background-image: url(img/poll-check.svg);
		background-size: 0% 0%;
		background-position: center center;
		background-repeat: no-repeat;
	}
		.poll-type-one .switcher.checked{
			background-size: 80% 80%;
		}

	.poll-type-two .switcher { display:none;}
	.poll-type-two .using-guide-bar { display:block;}

/**** Swicher and Slider ****/

.switcher {
	display:inline-block;
	position:relative;
	float:left;
	width:1.6em;
	height:1.6em;
	margin: 0.2em 0.3em 0.2em 0; 
	background:#FFF;
	border: #F9CC8A 3px solid;
	border-radius: 5px;
	box-shadow: 0 0 3px 1px #EDDABB;
	box-sizing:border-box;
	transition: all 0.3s;
}
	.switcher.checked { background-color: #F9CC8A; }

#poll-list .dhxsl_track{
	height:18px;
	background-color:#F9CC8A;
	border-radius:99px;
	background-image:
		linear-gradient(to right,white 0,white 2px, transparent 2px),
		linear-gradient(to right,white 0,white 2px, transparent 2px),
		linear-gradient(to right,white 0,white 2px, transparent 2px),
		linear-gradient(to right,white 0,white 2px, transparent 2px),
		linear-gradient(to right,white 0,white 2px, transparent 2px);
	background-position: 10px,69px,128px,187px,245px;
}
#poll-list .dhxsl_runner {width:20px; height:20px; border:2px solid #F9CC8A; background:#fff; box-shadow:0 0 3px 1px #EDDABB; transition:left 0.3s; overflow:visible; will-change:left;}
#poll-list .dhxsl_runner_actv { transition:left 0s; will-change:left;}
#poll-list .dhxsl_runner:before {display:block; position:absolute; top:25%; bottom:25%; left:25%; right:25%; border-radius:50%; background:#F9CC8A; content:' ';}

#poll-list .dhxsl_runner:after {
	content:attr(data-value);
	position:absolute;
	width:2em;
	line-height:2em;
	margin-top:5px;
	top:100%;
	left:50%;
	margin-left:-1em;
	background:#FFF6F6;
	border:#F9CC8A solid 0px;
	border-radius:2em;
	box-shadow:0 0 1px rgba(0,0,0,0.1);
	text-align:center;
	font-size:0.9em;
	color:#F9CC8A;
}

#poll-list .dhxsl_container:hover .dhxsl_runner:after {display:block;}

#poll-list .dhxsl_container { margin:0 auto !important; float:none;}
/*.dhtmlxslider_material {width:100%;}*/

#option- { display:none;}

.share-main { text-align:center;}

.circle-btn {background-image:url(img/poll-submit.png);}





/*** poll callback ***/


#poll-success {
	display:block;
	position:fixed;
	top:50%;
	height:230px;
	margin-top:-90px;
	left:0;
	right:0;
	z-index:99;
}
	#poll-success:before{
		content:' ';
		display:block;
		position:fixed;
		top:0;bottom:0;left:0;right:0;
		background:rgba(0,0,0,0.5);
	}

	
#poll-success .block{
	position:relative;
	height:100%;
	width:236px;
	margin:0 auto;
	background:#FFFFFF;
	padding:1em 2em;
	border-radius:1em;
	box-shadow:0 0 1em  rgba(0,0,0,0.3);
}

	#poll-success h3 {
		color:;
		line-height:2em;
		margin:40px 0;
	}

	#poll-success .close-btn {
		display:block;
		position:absolute;
		top:0.3em;right:0.3em;
		background:url(img/poll-close-btn.png) center center no-repeat;
		background-size:contain;
		width:28px;
		height:28px;
	}

	#poll-success .main{
		position:absolute;
		bottom:0;
		left:0;
		margin-bottom:0.6em;
		width:100%;
	}

	#view-result-forbiden-message { padding:0 2em; color:#999; box-sizing: border-box;}

	.highlight-btn {
		margin:0 auto;
	}

/****** Copyright Footer *******/
.copyright {
	background:#FDF8C1;
	font-size: 0.8em;
	padding: 1em 0.6em 0.6em 0.6em;
	text-align:center;
	line-height: 1.6em;
	border-radius: 0 0 1em 1em;
	border: solid 1px #E4DA72;
}
	.copyright .fst {
		font-size: 1em;
		color: #986246;
	}
	.copyright .snd {
		font-size: 1em;
		color: #909090;
	}
	.copyright a {
		font-size: 1em;
		color: #EB6841;
	}
